.box {
    top: 0px;
    width: 100%;
    height: 100%;
    position: absolute;
  }
  
  .year {
    width: 100%;
    color: #000;
    font-size: 40rpx;
    line-height: 64rpx;
    text-align: center;
    padding-top: 70rpx;
  }
  
  .kaoshi {
    width: 100%;
    color: #000;
    font-size: 40rpx;
    line-height: 64rpx;
    text-align: center;
  }
  
  .titles {
    width: 616rpx;
    height: 316rpx;
    display: block;
    margin: 30rpx auto 0;
  }
  
  .btnGroup {
    left: 25rpx;
    display: flex;
    width: 700rpx;
    bottom: 300rpx;
    position: absolute;
    align-items: center;
    justify-content: space-around;
  }
  
  .btnGroup .btn {
    width: 296rpx;
    height: 89rpx;
    position: relative;
    display: inline-block;
  }
  
  .btnImg {
    width: 296rpx;
    height: 89rpx;
  }
  
  .kaitongzl,
  .chaxunmodal {
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100vh;
    position: fixed;
    z-index: 999;
  }
  
  .kaitongbg {
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100vh;
    position: absolute;
    background: #000000;
    opacity: 0.3;
  }
  
  .kaitong {
    top: 50%;
    left: 50%;
    width: 647rpx;
    height: 449rpx;
    position: absolute;
    margin-top: -224rpx;
    margin-left: -323rpx;
    background: url(https://hb.offcn.com/zg/xcximg/chaxun/kaitong.png) top center no-repeat;
    background-size: 100% 100%;
  }
  
  .kaitong text {
    left: 50%;
    width: 120rpx;
    height: 50rpx;
    display: block;
    bottom: 120rpx;
    color: #ffffff;
    text-align: center;
    line-height: 50rpx;
    position: absolute;
    margin-left: -60rpx;
    background: #b80807;
  }
  
  .chaxunbg {
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    position: absolute;
    background: #000000;
    opacity: 0.3;
  }
  
  .chaxun {
    left: 0;
    top: 50%;
    width: 750rpx;
    height: 449rpx;
    text-align: center;
    position: absolute;
    margin-top: -224rpx;
    background: url(https://hb.offcn.com/zg/xcximg/chaxun/notice.png) top center no-repeat;
    background-size: 100% 100%;
  }
  
  .gjc {
    width: 510rpx;
    display: block;
    font-size: 26rpx;
    margin: 100rpx auto 40rpx;
  }
  
  .gjc text {
    color: #ff0000;
    font-weight: bold;
    font-size: 40rpx;
  }
  
  .btngroup2 {
    width: 510rpx;
    margin: 0 auto;
    display: flex;
    align-items: center;
    justify-content: space-around;
  }
  
  .btngroup2 text,
  .btngroup2 .btn1 {
    margin: 0px;
    padding: 0px;
    width: 230rpx;
    height: 89rpx;
    font-size: 32rpx;
    line-height: 89rpx;
    text-align: center;
    font-weight: normal;
    border-radius: 10rpx;
    display: inline-block;
    background: linear-gradient(to right, #ffe778, #ffbd36);
  }
  
  .weui-input {
    height: 60rpx;
    background: #fff;
    border-radius: 23rpx;
    line-height: 60rpx;
    margin-bottom: 10rpx;
  }
  .picker {
    background: #fff;
    border-radius: 23rpx;
    line-height: 60rpx;
  }

  .mylists {
    top: 50%;
    left: 0px;
    width: 60rpx;
    display: flex;
    height: 220rpx;
    position: fixed;
    color: #ffffff;
    font-size: 26rpx;
    text-align: center;
    line-height: 30rpx;
    margin-top: -125rpx;
    padding: 15rpx 0rpx;
    align-items: center;
    background: #ed480e;
    justify-content: center;
    border-top-right-radius: 30rpx;
    border-bottom-right-radius: 30rpx;
  }
  
  .mylists text {
    display: inline-block;
  }

  .ggmodal .gjc {
    width: 100%;
    margin-top: 0px;
    margin-bottom: 20rpx;
  }

  .ggBox {
    display: flex;
    flex-wrap: wrap;
    margin-top: 20rpx;
    align-items: center;
    justify-content: flex-start;
  }

  .lists {
    margin: 0px;
    padding: 0px;
    height: 60rpx;
    font-size: 26rpx;
    margin-right: 15px;
    padding: 0px 15rpx;
    line-height: 60rpx;
    text-align: center;
    font-weight: normal;
    margin-bottom: 10rpx;
    border-radius: 10rpx;
    display: inline-block;
    background: linear-gradient(to right, #ffe778, #ffbd36);
  }

  .ggmodal .btngroup2 text {
    height: 60rpx;
    font-size: 26rpx;
    line-height: 60rpx;
  }

  .ggmodal .chaxun {
    top: 50%;
    left: 50%; 
    height: auto;
    width: 660rpx;
    padding: 20rpx;
    max-height: 60vh;
    overflow-y: auto;
    margin-top: 0px;
    border-radius: 20rpx;
    background: #f8f4b3;
    transform: translate(-50%, -50%);
  }